<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>login</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/public.css" />

    <!-- 当前 -->
    <link rel="stylesheet" href="../css/login.css" />
  </head>
  <body>


    <div class="content clearfix">
      <!-- 背景图 -->
      <div class="con-left fl">
        <a href="#">
          <img src="../imgs/login-bg.png" alt="" />
        </a>
      </div>

     <div class="con-right fr">
      <div class="modal">
        <h2><img src="../imgs/loginlogo.png" alt="" /></h2>

        <div class="toggle-login">
          <a class="active">账号登录</a>
          <span>|</span>
          <a href="#">扫码登录</a>
        </div>

        <div class="login-box">
          <!-- 账号登录 -->
          <div id="id-log" class="on tabContent">
            <!-- 表单 -->
            <div class="model-form">
              <p class="model-pro model-user">
                <input class="form-input" id="user" type="text" placeholder="手机号" />
                <img id="input-icon" src="../imgs/clearInput.png" alt="" />
                <span class="err-msg" id="userMsg"></span>
              </p>
              <p class="model-pro model-pwd">
                <input class="form-input" id="pwd" type="password" placeholder="密码" />
                <img id="input-icons" src="../imgs/clearInput.png" alt="" />
                <span class="err-msg" id="pwdMsg"></span>
              </p>
            </div>

            <!--忘记密码  -->
            <div class="forget">
              <a href="#">忘记密码?</a>
            </div>

            <!-- 登录按钮 -->
            <button class="model-btn" id="model-btn">登录</button>

            <!-- 立即注册 -->
            <div class="register">
              <p class="no-user">还没有源码账号，</p>
              <a href="#">立即注册</a>
              <span></span>
            </div>
          </div>

          <!-- 扫码登录 -->
          <div id="record" class="tabContent">
            <div class="QR-code">
              <img src="../imgs/showqrcode.jpg" alt="" />
              <p>微信扫码登录</p>
              <p class="mt13">未关注源码科技公众号，请先关注后再登录</p>
            </div>
            <div class="register">
              <p class="no-user">还没有源码账号，</p>
              <a href="#">立即注册</a>
              <span></span>
            </div>
          </div>
        </div>
      </div>
     </div>

    </div>

    <script src="../lib/tab.js"></script>
    <script src="../js/login.js"></script>

  </body>
</html>
